<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>惠普 | 登陆</title>
    <link rel="shortcut icon" href="./images/logo.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div class="box">
        <div class="cen-box">
            <div class="container">
                <div class="hp-header">
                    <div class="hp-box">
                        <img src="./images/logo.png" width="60">
                    </div>
                    <h6>使用您的 HP 帐户登录</h6>
                </div>
                <div class="hp-cen row">
                    <div class="col">
                        <div class="css panel">
                            <div class="content">
                                <p>您将登录到:</p>
                                <h5 class="client-name">HP</h5>
                                <p class="label">使用我的以下信息登录:</p>
                                <form action="">
                                    <div class="url-box">
                                        <input type="text" placeholder="用户名或电子邮件地址">
                                    </div>
                                    <div class="pass">
                                        <input type="password" placeholder="密码">
                                    </div>
                                    <div class="btn">
                                        <button class="submit" type="submit">登陆</button>
                                    </div>
                                </form>
                                <!-- <div class="remember-me">
                                    <label class="kuang">
                                            <input type="text">
                                    </label>
                                    <span class="text">记住我</span>
                                </div> -->
                                <div class="forget">
                                    <a href="javascript:;">忘记您的用户名或密码?</a>
                                </div>
                                <div class="other-login">
                                    <p>或使用以下方式登录:</p>
                                    <div class="facebook">
                                        <button>
                                            <span><img src="./images/facebook.png"></span>
                                            <span>继续使用 Facebook</span>
                                        </button>
                                    </div>
                                    <div class="google">
                                        <button>
                                            <span><img src="./images/goole.png"></span>
                                            <span>继续使用 Google</span>
                                        </button>
                                    </div>
                                    <div class="microsoft">
                                        <button>
                                            <span><img src="./images/microsoft.png" width="25"></span>
                                            <span class="mic">继续使用 Microsoft</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hint">
                            <div>没有账户
                                <a href="./register.html">注册</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="css">
                <div class="left">
                    <div class="flex-cen">
                        <span>
                            <img src="./images/logo.png" width="30">
                        </span>
                        <span>© Copyright 2021 HP Development Company, L.P.</span>
                    </div>
                </div>
                <div class="right">
                    <div class="text">
                        <a href="javascript:;">隐私</a>
                        <a href="javascript:;">中文 (中国)</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/cookie.js"></script>
<script src="./js/login.js"></script>

</html>